/**
 * Created by zhengsenwen on 2017/8/28.
 */


var banner = $("#banner_box");
var ul = $("#banner_box ul");
var liImg = $("#banner_box ul li img");
var leftSlideBar = $("#left_slidebar");
var rightSlideBar = $("#right_slidebar");

var timerId = null;
var i = 0;

//loadBanner();
//
//function loadBanner() {
//    setTimeout(function () {
//
//        var uLi = $("#banner_box ul li");
//
//        uLi.css('width', banner.width());
//        ul.css('width', uLi.length * banner.width());
//        liImg.css('width', banner.width());
//        uLi.each(function (i) {
//            cursor();
//        });
//
//        timer();
//
//    }, 1000)
//}

/**
 * ajax第 1 次加载时调用的定时器，在第一次向左平移后继续循环向左平移
 */
function timerTimeout(startNumber) {
    i = startNumber;
    var uLi = $("#banner_box ul li");
    uLi.css('width', banner.width());
    if (uLi.length != 0 && uLi.length != null && uLi.length > 0) {
        ul.css('width', uLi.length * banner.width());
    } else {
        ul.css('width', banner.width());
    }

    $("#banner_box ul li img").css('width', banner.width());

    timerId = setInterval(function () {

        i++;
        if (i == uLi.length) {
            i = 0;
        }

        /** 向左平移 **/
        ul.css('left', -i * banner.width());

    }, 4000);
}

/**
 * ajax第 2 次加载时调用的定时器，在第一次向左平移后继续循环向左平移
 */
function timerInterval(startNumber) {
    i = startNumber;
    var uLi = $("#banner_box ul li");
    uLi.css('width', banner.width());
    if (uLi.length != 0 && uLi.length != null && uLi.length > 0) {
        ul.css('width', uLi.length * banner.width());
    } else {
        ul.css('width', banner.width());
    }
    $("#banner_box ul li img").css('width', banner.width());

    timerId = setInterval(function () {

        i++;
        if (i == uLi.length) {
            i = 0;
        }

        /** 向左平移 **/
        ul.css('left', -i * banner.width());

    }, 4000);
}

/**
 * 清除timer
 */
function clearTimer(IntervalId) {
    clearInterval(IntervalId);
}


$("#left_slidebar").click(function () {

    var uLiLength = $("#banner_box ul li").length;
    if (i == 0) {
        i = uLiLength - 1;
    } else {
        i--;
    }

    /** 向左平移 **/
    ul.css('left', -i * banner.width());

});
$("#left_img").hover(function () {
    $(this).css("opacity", 0.8);
}, function () {
    $(this).css("opacity", 0.2);
});

$("#right_slidebar").click(function () {

    var uLiLength = $("#banner_box ul li").length;
    if (i == uLiLength - 1) {
        i = 0;
    } else {
        i++;
    }

    /** 向左平移 **/
    ul.css('left', -i * banner.width());

});
$("#right_img").hover(function () {
    $(this).css("opacity", 0.8);
}, function () {
    $(this).css("opacity", 0.2);
});


/**
 * 鼠标悬停事件,同时停止定时器轮播，停止ajax刷新操作
 */
$("#banner_box").hover(function () {
    clearTimer(ajaxBannerInterval);
    clearTimer(timerId);
}, function () {
    timerInterval(i);
    loadAjaxBanner();
});


